<template>
    <div>
      <el-carousel :interval="4000" type="card" height="400px" style="text-align: center;margin-top: 20px">
        <el-carousel-item v-for="item in title" :style="{backgroundColor:item.bgColor,witch:250+'px'}">
          <h3>{{ item.tip }}</h3>
        </el-carousel-item>
      </el-carousel>
    </div>
</template>

<script>
    export default {
        name: "Introductor",
        data() {
          return {
            title:[
              {tip:'新方法',bgColor:'#409EFF'},
              {tip:'新知识',bgColor:'#25ffd8'},
              {tip:'新目标',bgColor:'#FF2DFE'},
              {tip:'新高度',bgColor:'#feffa6'},
            ]
          }
        }
    }
</script>

<style scoped>

</style>
